<div class="container">
	<div class="row">

		<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">

		</div>

		<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
			<table class="table table-hover">
				<thead>
					<tr class='info'>
						<th><input type="checkbox" value="" id="all"></th>
						<th>id</th>
						<th>name</th>
						<th>createtime</th>
						<th>updatetime</th>
						<th>action</th>
					</tr>
				</thead>
				<tbody>
					{volist name='users' id='user'}
					<tr>
						<td><input type="checkbox" value=""></td>
						<td>{$user.id}</td>
						<td>{$user.username}</td>
						<td>{$user.create_time}</td>
						<td>{$user.update_time}</td>
						<td><a href='#identifier' class="btn btn-success btn-xs" data-toggle="modal"><i class="glyphicon glyphicon-search"></i>详情</a>
							<a href='/blog/user/editor/id/{$user.id}' class="btn btn-warning btn-xs"><i class="glyphicon glyphicon-edit"></i>编辑</a>
							<a href='/blog/user/delete/id/{$user.id}' class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i>删除</a>
						</td>
					</tr>
					{/volist}
				</tbody>
			</table>
			{$page}
		</div>

		<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">

		</div>
	</div>
</div>

<div class="modal fade" id="identifier" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                  			&times;           
            			 </button>
				<h4 class="modal-title" id="myModalLabel">
					editor user
				</h4>
			</div>
			<div class="modal-body">
				<form action="" method="post" class="form-horizontal" role="form">
					<div class="form-group">
						<label for="username" class="col-sm-2 control-label">名字</label>
						<div class="col-sm-10">
							<input type="text" name="username" id="username" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<label for="password" class="col-sm-2 control-label">密码</label>
						<div class="col-sm-10">
							<input type="password" name="password" id="password" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<label for="confirm-password" class="col-sm-2 control-label">确认密码</label>
						<div class="col-sm-10">
							<input type="password" name="confirm-password" id="confirm-password" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<label for="email" class="col-sm-2 control-label">邮箱</label>
						<div class="col-sm-10">
							<input type="email" name="email" id="email" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<label for="phone" class="col-sm-2 control-label">手机</label>
						<div class="col-sm-10">
							<input type="text" name="phone" id="phone" class="form-control" />
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
               关闭            
           </button>
				<button type="button" class="btn btn-primary">
               提交更改            
           </button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal -->


	<script>
		$("#all").click(function(event) {
			if (this.checked) {
				$("input:checkbox").prop('checked', true);
			} else {
				$("td>input:checkbox").prop('checked', false);
			}
		});

		$(function () {
			$('form').submit(function (e) {
				//e.preventDefault();
				alert($('#username').val());
			});
		});
	</script>